<?
	  	  include("/inc/header.html") {}
    ?>
    
 	 <script type="text/javascript" src="static/echarts/echarts.min.js"></script>
    
  
          
               <div class="page-content" style="min-height: auto;padding-bottom: 20px; margin-top: -60px;">
                <div id="main" class="main" style="height: 540px;"></div>
             </div>
            


 <script>
 var classid = window.parent.getclassid();
 var classname = window.parent.getclassname();
 
 $(function(){
 	show();
 });
 function show(){
	 $.ajax({
		type : "post",
		url : "KnowledgeDataProperty.do",
		data : {
			"lid" : classid,
			"classname" : classname
		},
		dataType : "json",
		async : false,
		success : function(data) {
			datas = data;
			var myChart = echarts.init(document.getElementById('main')); 
			var option = {
                 title: {
                     text: classname,
                     x:'right',
       	 			 y:'bottom'
                 },
                 tooltip: {},
                 animationDurationUpdate: 1500,
                 animationEasingUpdate: 'quinticInOut',
                 label: {
                     normal: {
                         show: true,
                         textStyle: {
                             fontSize: 12
                         },
                     },
                     color:"#4D4D4D"
                 },
                 legend: {
                     x: "center",
                     show: false,
                     data: ['数据属性管理','对象属性管理']
                 },
                 series: [

                     {
                         type: 'graph',
                         layout: 'force',
                         symbolSize: 45,
                         roam: true,
                         categories: [{
                             name: '人物',
                             itemStyle: {
                                 normal: {
                                     color: "#009800",
                                 }
                             }
                         }, {
                             name: '数据属性管理',
                             itemStyle: {
                                 normal: {
                                     color: "#4592FF",
                                 }
                             }
                         }, {
                             name: '对象属性管理',
                             itemStyle: {
                                 normal: {
                                     color: "#2592FF",
                                 }
                             }
                         }],
                         label: {
                             normal: {
                                 show: true,
                                 textStyle: {
                                     fontSize: 14
                                 },
                             }
                         },
                         force: {
                             repulsion: 500
                         },
                         edgeSymbolSize: [4, 50],
                         data: datas,
                         links: datas,
                         lineStyle: {
                             normal: {
                                 opacity: 0.9,
                                 width: 1,
                                 curveness: 0
                             }
                         }
                     }
                 ]
             };
			myChart.setOption(option);
		},
		error : function(data) {
			alert("未找到需要内容，请选择类！");
		}
	});
 }
</script> 



